<template>
    <div class="student">
        <h2>姓名：{{ name }}</h2>
        <h2>性别：{{ sex }}</h2>
        <button @click="sendStudentName">把学生名给School组件</button>
    </div>
</template>
<script>
// 导入消息订阅的包，记得要安装包 npm install pubsub-js@1.6.0 --save
import PubSub from "pubsub-js";

export default {
    name: 'student',
    data() {
        return {
            name: 'aBiu',
            sex: '男',
        }
    },
    methods: {
        sendStudentName() {
            // 提供数据
            // this.$bus.$emit('hello', this.name)

            // 消息订阅写法
            PubSub.publish('hello', this.name)
        }
    }
}
</script>
<!-- 加上scoped属性，这个样式只作用于当前页面 -->
<style scoped>
.student {
    background-color: pink;
    padding: 5px;
    margin-top: 30px;
}
</style>